<!DOCTYPE html>
<html scope="control">
<head>
    <meta charset="UTF-8">
    <title>控制面板 - ideawall</title>
    <link rel="stylesheet" href="../../assets/lib/font-awesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="../../assets/lib/iview/css/iview.css">
    <link rel="stylesheet" href="../../assets/lib/element-ui/css/element.css">
    <link rel="stylesheet" href="../../assets/css/animate.css">
    <link rel="stylesheet" href="../../assets/css/ideawall.css">
    <link rel="stylesheet" href="../../assets/css/control.css">
</head>
<body>
<div id="app" v-cloak class="animated fadeIn">
    <div class="win-control-bg" v-if="proxy.appVar._platform == 'darwin'"></div>
    <div :class="''+(proxy.appVar._platform === 'darwin'?'win-control-upbg':'')" style="width:100%;height:100%;">
        <div v-show="!loadingControl && loadingMaster"
             :style="'position: absolute;top: '+(proxy.appVar._platform === 'darwin'?'-18':'-25')+'px;right: -20px;pointer-events: none;'">
            <img src="../../assets/images/loading.jpg" alt="" style="width: 70px;height: 60px;">
        </div>
        <el-container>
            <el-header id="zxx-drag" :height="proxy.appVar._platform === 'darwin'?'30px':'15px'"
                       class="win-maximize-dblclick zxx-title">
                <span></span>
            </el-header>
            <el-tabs v-model="activeTab" @tab-click="handleClick"
                     :style="proxy.appVar._platform === 'darwin'?'height:calc(100% - 30px)':'height:calc(100% - 15px)'">
                <el-tab-pane :disabled="lock" :name="item.name" v-for="(item, index) in tabs"
                             :style="item.style?item.style:''" v-loading="loadingTab">
                    <span slot="label"><i :class="item.icon"></i> {{item.title}}</span>
                    <iframe :id="'iframe_'+item.name" class="J_iframe active"
                            :name="'iframe_'+item.name"
                            width="100%" :data-nopreload="!item.preload" :data-lazy="item.lazy"
                            :data-src="proxy.link(item.link)" frameborder="0" scrolling="no"></iframe>
                </el-tab-pane>
            </el-tabs>
            <div v-if="loadingControl" class="zxx-controls animated slideInRight"
                 :style="proxy.appVar._platform === 'darwin'?'':'top:17px;'">
                <a href="javascript:void(0)" class="zxx-control-btn zxx-control-loading"
                   :style="lock?'right:40px;':'right: 0px;'">
                    <i class="el-icon-loading"></i>
                </a>
            </div>
            <div v-show="!loadingControl" class="zxx-real-controls zxx-controls animated slideInRight"
                 :style="(proxy.appVar._platform === 'darwin'?'':'top:17px;') + ''">
                <template v-if="(broswerControl || proxy.debug) && netstatus === 'online'">
                    <a href="javascript:void(0)" title="后退" class="animated slideInRight broswer-btn"
                       :disabled="lock" onclick="vm.iframeAction('goback')">
                        <i class="ivu-icon ivu-icon-md-arrow-back"></i>
                    </a>
                    <a href="javascript:void(0)" title="前进" class="animated slideInRight broswer-btn"
                       :disabled="lock" onclick="vm.iframeAction('goforward')">
                        <i class="ivu-icon ivu-icon-md-arrow-forward"></i>
                    </a>
                    <a href="javascript:void(0)" title="刷新" class="animated slideInRight broswer-btn"
                       :disabled="lock" onclick="vm.iframeAction('refresh')">
                        <i class="ivu-icon ivu-icon-md-refresh"></i>
                    </a>
                    <a href="javascript:void(0)" title="主页" class="animated slideInRight broswer-btn"
                       :disabled="lock" onclick="vm.iframeAction('home')">
                        <i class="ivu-icon ivu-icon-md-home"></i>
                    </a>
                    <a href="javascript:void(0)" title="新窗" class="animated slideInRight broswer-btn"
                       :disabled="lock" onclick="vm.iframeAction('open')">
                        <i class="ivu-icon ivu-icon-md-open"></i>
                    </a>
                    <span class="animated fadeIn">|</span>
                </template>
                <a id="zxx-set-alleye" href="javascript:void(0)" title="点击全部隐藏"
                   class="animated slideInRight zxx-control-btn"
                   :disabled="lock"
                   @click="setAllHide" data-switch="1"><i class="ivu-icon ivu-icon-md-eye"></i></a>
                <a id="zxx-set-allpause" href="javascript:void(0)" title="点击全部暂停"
                   class="animated slideInRight zxx-control-btn"
                   :disabled="lock"
                   @click="setAllPause" data-switch="1"><i class="ivu-icon ivu-icon-md-pause"></i></a>
                <a id="zxx-set-allmuted" href="javascript:void(0)" title="点击全部静音"
                   class="animated slideInRight zxx-control-btn"
                   style="margin-right:7px;" :disabled="lock"
                   @click="setAllMuted" data-switch="1"><i class="ivu-icon ivu-icon-md-volume-up"></i></a>
                <template v-if="lock">
                    |
                    <a href="javascript:void(0)" title="控制面板已被锁定" class="animated slideInRight lock-btn"
                       :disabled="!lock"
                       onclick="proxy.alert('系统提示', '控制面板已被锁定')">
                        <i class="ivu-icon ivu-icon-md-lock"></i>
                    </a>
                </template>
            </div>
            <div class="zxx-user-avatar">
                <div class="ivu-btn ivu-btn-text" style="padding:0;padding-left:5px;cursor:default;background:none !important;">
                    <Poptip placement="bottom-end" class="window-nodrag login-poptip" width="250" padding="0" offset="-5px"
                            @on-popper-show="" @on-popper-hide="" style="cursor:pointer;">
                        <span class="ivu-badge">
                            <Avatar id="zxx-ucenter-face"
                                    :src="avatarUtil.generate('周曦')"></Avatar>
                            <sup class="ivu-badge-dot"></sup>
                        </span>
                        <i class="ivu-icon ivu-icon-md-arrow-dropdown"></i>
                        <div class="api zxx-ucenter-dropdown" slot="content">
                            <div class="ivu-card ivu-card-dis-hover ivu-card-shadow" style="width: 100%;text-align:left;">
                                <div class="ivu-card-head">
                                    <div class="ivu-row" style="display:flex; wrap: no-wrap;">
                                        <div>
                                            <Avatar size="large" :src="avatarUtil.generate('周曦')"
                                                    onclick="gotoUcenter('mycenter')"
                                                    title="进入我的主页"></Avatar>
                                        </div>
                                        <div style="overflow: hidden; padding-top:3px;line-height:20px;white-space: nowrap;text-overflow: ellipsis;">
                                            <a href="javascript:void(0)" class="zxx-text" onclick="gotoUcenter('mycenter')"
                                               title="进入我的主页"
                                               style="font-weight:bold;margin-left:10px;">
                                                周曦<br/>
                                                <span style="font-weight:normal;font-size:10px;margin-left:10px;">
                                    这是个人介绍信息..
                                </span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="ivu-row" style="padding-top:15px;margin-bottom:-5px;">
                                        <div class="ivu-col ivu-col-span-8" style="border-right: 1px solid #e8eaec;"
                                             onclick="gotoUcenter('mycenter')" title="查看我的动态">
                                            <Card bordered="false" padding="0" dis-hover="false" shadow="false"
                                                  class="zxx-ucenter-card">
                                                <p slot="title">125</p>
                                                <p style="font-size:12px;font-weight:400;">金币</p>
                                            </Card>
                                        </div>
                                        <div class="ivu-col ivu-col-span-8" style="border-right: 1px solid #e8eaec;"
                                             onclick="gotoUcenter('concern')" title="查看我的关注">
                                            <Card bordered="false" padding="0" dis-hover="false" shadow="false"
                                                  class="zxx-ucenter-card">
                                                <p slot="title">45</p>
                                                <p style="font-size:12px;font-weight:400;">钻石</p>
                                            </Card>
                                        </div>
                                        <div class="ivu-col ivu-col-span-8" onclick="gotoUcenter('fans')" title="查看我的粉丝">
                                            <Card bordered="false" padding="0" dis-hover="false" shadow="false"
                                                  class="zxx-ucenter-card">
                                                <p slot="title">99+</p>
                                                <p style="font-size:12px;font-weight:400;">点券</p>
                                            </Card>
                                        </div>
                                    </div>
                                </div>
                                <div class="ivu-card-body" style="padding: 0;">
                                    <div class="ivu-cell-group">
                                        <div class="ivu-cell ivu-cell-with-link" style="padding: 4px 16px;margin-top:3px;">
                                            <a href="javascript:void(0)" onclick=""
                                               class="ivu-cell-link"
                                               title="前往我的站点">
                                                <div class="ivu-cell-item">
                                                    <div class="ivu-cell-icon"></div>
                                                    <div class="ivu-cell-main">
                                                        <div class="ivu-cell-title" style="font-size:12px;font-weight:500;">
                                                            <i class="ivu-icon ivu-icon-ios-desktop-outline"
                                                               style="font-size:20px;font-weight:bold;margin-top:-3px;"></i>
                                                            &nbsp;签到
                                                        </div>
                                                        <div class="ivu-cell-label"></div>
                                                    </div>
                                                </div>
                                            </a>
                                            <div class="ivu-cell-arrow">
                                                <i class="ivu-icon ivu-icon-ios-arrow-forward"></i>
                                            </div>
                                        </div>
                                        <div class="ivu-cell ivu-cell-with-link" style="padding: 4px 16px;margin-top:3px;">
                                            <a href="javascript:void(0)" onclick="alert('会员中心建设中, 请关注官方热点资讯. ')" class="ivu-cell-link"
                                               title="前往会员中心">
                                                <div class="ivu-cell-item">
                                                    <div class="ivu-cell-icon"></div>
                                                    <div class="ivu-cell-main">
                                                        <div class="ivu-cell-title" style="font-size:12px;font-weight:500;">
                                                            <i class="ivu-icon ivu-icon-ios-school-outline"
                                                               style="font-size:20px;font-weight:bold;margin-top:-3px;"></i>
                                                            &nbsp;常用问题与帮助
                                                        </div>
                                                        <div class="ivu-cell-label"></div>
                                                    </div>
                                                    <div class="ivu-cell-footer">
                                                        <span class="ivu-cell-extra">未订购</span>
                                                    </div>
                                                </div>
                                            </a>
                                            <div class="ivu-cell-arrow">
                                                <i class="ivu-icon ivu-icon-ios-arrow-forward"></i>
                                            </div>
                                        </div>
                                        <div class="ivu-cell ivu-cell-with-link" style="padding: 4px 16px;margin-top:3px;">
                                            <a href="javascript:void(0)" onclick="alert('会员中心建设中, 请关注官方热点资讯. ')" class="ivu-cell-link"
                                               title="前往会员中心">
                                                <div class="ivu-cell-item">
                                                    <div class="ivu-cell-icon"></div>
                                                    <div class="ivu-cell-main">
                                                        <div class="ivu-cell-title" style="font-size:12px;font-weight:500;">
                                                            <i class="ivu-icon ivu-icon-ios-school-outline"
                                                               style="font-size:20px;font-weight:bold;margin-top:-3px;"></i>
                                                            &nbsp;邀请码申请
                                                        </div>
                                                        <div class="ivu-cell-label"></div>
                                                    </div>
                                                    <div class="ivu-cell-footer">
                                                        <span class="ivu-cell-extra">未订购</span>
                                                    </div>
                                                </div>
                                            </a>
                                            <div class="ivu-cell-arrow">
                                                <i class="ivu-icon ivu-icon-ios-arrow-forward"></i>
                                            </div>
                                        </div>
                                        <div class="ivu-cell ivu-cell-with-link" style="padding: 4px 16px;">
                                            <a href="javascript:void(0)" onclick="gotoUcenter('infoset', 'basic')" class="ivu-cell-link"
                                               title="前往设置个人信息">
                                                <div class="ivu-cell-item">
                                                    <div class="ivu-cell-icon"></div>
                                                    <div class="ivu-cell-main">
                                                        <div class="ivu-cell-title" style="font-size:12px;font-weight:500;">
                                                            <i class="ivu-icon ivu-icon-ios-locate-outline"
                                                               style="font-size:20px;font-weight:bold;margin-top:-3px;"></i>
                                                            &nbsp;个人信息设置
                                                        </div>
                                                        <div class="ivu-cell-label"></div>
                                                    </div>
                                                    <div class="ivu-cell-footer">
                                                        <span class="ivu-cell-extra"></span>
                                                    </div>
                                                </div>
                                            </a>
                                            <div class="ivu-cell-arrow">
                                                <i class="ivu-icon ivu-icon-ios-arrow-forward"></i>
                                            </div>
                                        </div>
                                        <div class="ivu-cell ivu-cell-with-link" style="padding: 4px 16px;margin-bottom:3px;">
                                            <a href="javascript:void(0)" onclick="gotoUcenter('infoset', 'society')"
                                               class="ivu-cell-link"
                                               title="前往绑定社交账号">
                                                <div class="ivu-cell-item">
                                                    <div class="ivu-cell-icon"></div>
                                                    <div class="ivu-cell-main">
                                                        <div class="ivu-cell-title" style="font-size:12px;font-weight:500;">
                                                            <i class="ivu-icon ivu-icon-ios-phone-portrait"
                                                               style="font-size:20px;font-weight:bold;margin-top:-3px;"></i>
                                                            &nbsp;绑定社交账号
                                                        </div>
                                                        <div class="ivu-cell-label"></div>
                                                    </div>
                                                    <div class="ivu-cell-footer">
                                                        <span class="ivu-cell-extra"></span>
                                                    </div>
                                                </div>
                                            </a>
                                            <div class="ivu-cell-arrow">
                                                <i class="ivu-icon ivu-icon-ios-arrow-forward"></i>
                                            </div>
                                        </div>
                                        <div class="ivu-cell ivu-cell-with-link" style="border-top:1px solid #e8eaec;">
                                            <a href="javascript:void(0)" onclick="logout()" class="ivu-cell-link" title="退出登录">
                                                <div class="ivu-cell-item">
                                                    <div class="ivu-cell-icon"></div>
                                                    <div class="ivu-cell-main">
                                                        <div class="ivu-cell-title" style="font-size:12px;font-weight:500;">
                                                            <i class="ivu-icon ivu-icon-ios-log-out"
                                                               style="font-size:20px;font-weight:bold;margin-top:-3px;"></i>
                                                            &nbsp;退出登录
                                                        </div>
                                                        <div class="ivu-cell-label"></div>
                                                    </div>
                                                    <div class="ivu-cell-footer">
                                                        <span class="ivu-cell-extra"></span>
                                                    </div>
                                                </div>
                                            </a>
                                            <div class="ivu-cell-arrow">
                                                <i class="ivu-icon ivu-icon-ios-arrow-forward"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </Poptip>
                </div>
                <div id="zxx-shade"
                     style="position: fixed;overflow: auto;top: 0;right: 0;bottom: 0;left: 0;z-index: 1059;-webkit-overflow-scrolling: touch;outline: 0;margin: 0;padding: 0;display:none;"
                     onclick="shadeClick()"></div>
            </div>
        </el-container>

        <div data-transfer="true" class="v-transfer-dom">
            <div class="ivu-modal-mask" :style="'z-index: '+imodal.option.zIndex+';'"
                 v-if="imodal.option.mask && imodal.open"></div>
            <div class="ivu-modal-wrap" :style="'z-index: '+imodal.option.zIndex+';display:block;'"
                 :class="imodal.option.className" v-if="imodal.open">
                <div class="ivu-modal" :style="'width:'+imodal.option.width+';'+imodal.option.styles"
                     :class="'animated '+(imodal.mshow?'fadeInDownBig':'fadeOutUpBig')" v-if="imodal.open">
                    <div class="ivu-modal-content">
                        <div class="ivu-modal-body">
                            <iframe id="Iframe-modal" class="J_iframe zxx-modal-iframe active" name="Iframe-modal"
                                    width="100%"
                                    :style="imodal.style"
                                    allowtransparency="true" allowfullscreen="true"
                                    webkitallowfullscreen="true" mozallowfullscreen="true"
                                    :src="imodal.src"
                                    frameborder="0" :scrolling="imodal.scroll"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="../../core/Proxy.js"></script>
<script src="../../assets/js/jquery.min.js"></script>
<script src="../../assets/js/vue.min.js"></script>
<script src="../../assets/lib/iview/js/iview.min.js"></script>
<script src="../../assets/lib/element-ui/js/element.min.js"></script>
<script src="../../util/AvatarUtil.js"></script>
<script src="../../controller/ControlController.js"></script>
<script src="../../assets/js/zxx.min.js"></script>
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script>
    function getPublicIpv4() {
        try {
            return returnCitySN.cip;
        } catch (e) {
            return null;
        }
    }
</script>
</html>